<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__PUBLIC__/static/css/dataTables/bootstrap.1.10.13.min.css">
    <link rel="stylesheet" href="__PUBLIC__/static/css/dataTables/dataTables.css">
    <link rel="stylesheet" href="__PUBLIC__/static/css/bootstrap/bootstrap.3.3.7.min.css">
    <!--&lt;!&ndash; jQuery &ndash;&gt;-->
    <!--<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>-->
    <script type="text/javascript" src="__PUBLIC__/static/js/scripts/jquery-2.1.1.js"></script>

    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="__PUBLIC__/static/js/jquery/jquery.dataTables.js"></script>

</head>
<body>
<div class="container">
    <div class="row" >

            <p> 总入库【{$instock_quantity}】件，出库【{$sale_quantity|default = 0}】,剩余【{$instock_quantity - $sale_quantity}】</p>
        </div>

</div>
<table id="example" class="stripe" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>序号</th>
        <th>编号</th>
        <th>名称</th>
        <th>厂家/去向</th>
        <th>规格</th>
        <th>单位</th>
        <th>单价</th>
        <th>数量</th>
        <th>仓库</th>
        <th>时间</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th>序号</th>
        <th>编号</th>
        <th>名称</th>
        <th>厂家/去向</th>
        <th>规格</th>
        <th>单位</th>
        <th>单价</th>
        <th>数量</th>
        <th>仓库</th>
        <th>时间</th>
    </tr>
    </tfoot>
    <tbody>


    {volist name="instock" id="vo" key="key"}
    <tr>
        <td>入库</td>
        <td>{$vo.number}</td>
        <td>{$vo.name}</td>
        <td>{$vo.dimension}</td>
        <td>{$vo.spec}</td>
        <td>{$vo.unit}</td>
        <td>{$vo.price}</td>
        <td>{$vo.quantity}</td>
        <td>{$vo->categorys->name}</td>
        <td>{$vo.create_time}</td>
    </tr>
    {/volist}

    {volist name="sale" id="_vo" }
    <tr>
        <td>出库</td>
        <td>{$_vo.number}</td>
        <td>{$_vo.name}</td>
        <td>{$_vo.quxiang}</td>
        <td>{$_vo.spec}</td>
        <td>{$_vo.unit}</td>
        <td>{$_vo.price}</td>
        <td>{$_vo.quantity}</td>
        <td>{$_vo->categorys->name}</td>
        <td>{$_vo.create_time}</td>
    </tr>
    {/volist}
    </tbody>
</table>

<script type="text/javascript">
    $(document).ready(function() {
        $('#example').DataTable();
    } );
</script>
</body>
</html>